.i-app {

}
.i-app .app-title {
margin-bottom:4rem;
}
.i-app .app-title h2, .i-app .app-title h3, .i-app .app-title p {
	text-align: center;
}
.i-app .app-title h2 {
font-size:3.0rem;
	color: #000;
}
.i-app .app-title h3 {
font-size:3rem;
	color: #666
}
.i-app .app-title p {
font-size:1.2rem;
	line-height: 1.5;
	color: #333;
}
.i-app .app-cont {
	position: relative;
	width: 100%;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper {
	transform: translateX(6%);
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide {

}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div {
	width: 100%;
	position: relative;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div img {
	width: 100%;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div {
	display: inline-block;
	text-align: center;
padding-top:.5rem;
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div h3, .i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div p, .i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div a {
	color: #fff;
	margin: 0;
	line-height: 2;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div h3 {
font-size:2rem;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div p {
font-size:1.2rem;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div a {
padding:0 .3rem;
	border: solid 2px rgba(255,255,255,0.3);
	display: inline-block;
font-size:1rem;
	line-height: 2.5;
	transition: all 0.8s ease;
	position: relative;
	z-index: 1
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div a::after {
	content: '';
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #EE8118;
	transition: all 0.8s ease;
	z-index: -1
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div a:hover {
	border-color: #EE8118;
}
.i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div a:hover::after {
	width: 100%
}
.i-app .app-cont .app-top .swiper-button-prev, .i-app .app-cont .app-top .swiper-button-next {
	display: none;
}
.i-app .app-cont .app-bot {
	width: 100%;
	padding: 0 7.5%;
	position: absolute;
bottom:-2rem;
	box-sizing: border-box
      
}
.i-app .app-cont .app-bot div ul {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 2
}
.i-app .app-cont .app-bot div ul li {
	flex: 1;
	height: auto;

	background-color: #fff;
	position: relative;
	box-sizing: border-box
}
.i-app .app-cont .app-bot div ul li div {
padding:2rem 3rem;
}
.i-app .app-cont .app-bot div ul li div:not(:last-of-type) {
	border-right: 1px solid #999;
}
.i-app .app-cont .app-bot div ul li div p, .i-app .app-cont .app-bot div ul li div span, .i-app .app-cont .app-bot div ul li div a {
	transition: all 0.8s ease
}
.i-app .app-cont .app-bot div ul li div p {
font-size:1.5rem;
	line-height: 1.5;
	margin: 0
}
.i-app .app-cont .app-bot div ul li div span {

	display: block;
	color: #999
}
.i-app .app-cont .app-bot div ul li div a {
width:2.1rem;
height:2.1rem;
	position: absolute;
top:2.7rem;
	right: 13%;
	border-radius: 50%;
	background-color: #333;
	transform: scale(0);
	cursor: pointer
}
.i-app .app-cont .app-bot div ul li div a img {
	max-width: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.i-app .app-cont .app-bot div ul li div a:hover {
	background-color: #015a9d
}
.i-app .app-cont .app-bot div ul li.active div p {
	color: #EE8118;
}
.i-app .app-cont .app-bot div ul li.active div span {
	color: #000
}
.i-app .app-cont .app-bot div ul li.active div a {
	transform: scale(1)
}
body, ul, li{
	margin: 0;
	list-style: none;
	padding: 0;

}

@media screen and (max-width:769px){
.i-app .app-cont .app-bot{
display:none;
}
  .i-app .app-title p{
  font-size:14px;
    padding:0px 20px;
    display:none;
  }
  .i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div h3{
  font-size:24px;
  }
  .i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div div p{
  font-size:16px;
    line-height:1.6;
     padding:0px 20px;
  }
  .i-app .app-cont .app-top #app-imgs .swiper-wrapper .swiper-slide div img{
  width:180%;
  }
  .i-app .app-title h2{
  font-size:36px;
  }
  .i-app .app-title h3{
  font-size:18px;
  }
  .i-app .app-title{
  margin-bottom:1rem;
  }
}